<!DOCTYPE html>
<html data-dpr="2" style="font-size: 32px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>酒店预订</title>
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui,viewport-fit=cover">
    <meta name="copyright" content="Copyright (c) 2006-2018 Mafengwo.">
    <meta name="format-detection" content="telephone=no,address=no">
    <meta name="referrer" content="always">
    <meta name="apple-mobile-web-app-capable" content="no">
    <meta name="apple-mobile-web-app-status-bar-style" content="no">
    <meta property="og:title" content="hotel_files">
    <meta property="og:description" content="">
    <link href="/hotel_files/mobile.css"
          rel="stylesheet" type="text/css">
    <link href="/hotel_files/mobile+css+head_mobile+css+ui_mobile+css+head_rem^Z1w^1535539097.css" rel="stylesheet"
          type="text/css">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/plugins/form/jquery.form.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/strategyCatalogs.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/plugins/My97DatePicker/WdatePicker.js"></script>

    <script>
        $(function () {
            //发请求获取 推荐酒店
            $.get("/hotels/" + 1, function (data) {
                //console.log(data);
                console.log(data.coverUrl);
                var json = {list: data};

                //console.log(json);
                $("#commendHotel").renderValues(json, {
                    getHref: function (item, value) {
                        var url = $(item).data("href");
                        $(item).attr("href", url + value);

                    }
                });

                //查找酒店按钮绑定点击事件
                $("#getHotel").click(function () {
                    var keyword=$("#searchHotel").val();
                    $.get("/hotels/temp/temps",{keyword:keyword},function (data) {
                        //console.log(data);
                        sessionStorage.setItem("hotels",JSON.stringify(data));
                        window.location.href="/hotels1.html";
                    })
                    var json={beginDate:$("#beginDate").val(),endDate:$("#endDate").val()};
                    console.log(json);
                    sessionStorage.setItem("dates",JSON.stringify(json));


                });

            })
        })
    </script>

</head>


<body>


<div class="hotel-content">
    <div>
        <header class="MfwHead">
            <div class="LBtn">
                <a style="height:50px"
                   href="javascript:void(window.history.length > 1 ? window.history.back() : document.location.href='index.html')"
                   id="_j_top_history_back"><img src="/img/back.jpg" height="45px" width="45px"
                                                 style="margin-top: -20px;"></a>
            </div>
            <div class="CBtn"><h1>骡窝窝推荐酒店</h1></div>
            <div class="RBtn">
            </div>
        </header>
    </div>


    <div>
        <form action="" method="post"></form>
        <div class="hotel-find hotel-home-wrapper">
            <div class="form-group searchHotel">
                <label for="searchHotel" style="font-size: medium">目的地:</label>
                <input type="text" class="form-control" id="searchHotel" placeholder="请输入酒店名/城市名"
                       style="font-size: medium">
            </div>
            <div class="hotel-find-label hotel-date-label">

                <div class="hotel-time"
                     style="touch-action: manipulation; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                    <div class="hotel-date">
                        <div class="hotel-find-title" style="font-size: medium;font-weight: bold">
                            入住
                        </div>
                        <div class="hotel-date-input"><span><input id="beginDate" name="beginDate"
                                                                   onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"></span>
                        </div>
                    </div>
                    <div class="hotel-time-info"><span></span></div>
                    <div class="hotel-date">
                        <div class="hotel-find-title" style="font-size: medium;font-weight: bold">
                            离店
                        </div>
                        <div class="hotel-date-input"><span><input id="endDate" name="endDate"
                                                                   onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hotel-find-label"
                 style="touch-action: manipulation; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                <button class="hotel-btn" id="getHotel">查找酒店</button>
            </div>
        </div>
    </div>
    <div data-v-5566bac0="" class="hotel-tab hotel-home-wrapper">
        <ul data-v-5566bac0="">
            <li data-v-5566bac0="">
                <a data-v-5566bac0="" style="touch-action: manipulation; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                    <i data-v-5566bac0="" class="icon icon-collect"></i>
                酒店收藏
            </a>
            </li>
            <li data-v-5566bac0=""><a data-v-5566bac0=""
                                      style="touch-action: manipulation; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i
                    data-v-5566bac0="" class="icon icon-order"></i>
                我的订单
            </a></li>
        </ul>
    </div>

    <div data-v-548c12c3="" class="hotel-strategy hotel-home-wrapper">
        <div data-v-548c12c3="" class="hotel-home-wrapper-title">精品酒店推荐:</div>
        <div data-v-548c12c3="" class="hotel-strategy-content" id="commendHotel">
            <ul data-v-548c12c3="" render-loop="list">
                <li data-v-548c12c3="" class="hotel-strategy-content-item">
                    <a data-v-548c12c3=""
                       style="touch-action: manipulation; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                       data-href="/room.html?id=" render-key="list.id" render-fun="getHref">

                        <div data-v-548c12c3="" class="hotel-strategy-content-item-img">
                            <img data-v-548c12c3="" render-src="list.coverUrl">
                        </div>

                        <div data-v-548c12c3="" class="hotel-strategy-content-item-text">
                            <div data-v-548c12c3="" class="hotel-strategy-content-item-title" render-html="list.name">
                                111
                            </div>
                            <div data-v-548c12c3="" class="hotel-strategy-content-item-info">
                                <span data-v-548c12c3="" class="hotel-strategy-content-item-name"
                                      render-html="list.place.name"></span>

                            </div>
                        </div>
                    </a>
                </li>

            </ul>
        </div>
    </div>

</div>

</body>
</html>


